﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="../jquery-easyui-1.4.3/themes/metro/easyui.css" rel="stylesheet" />
    <script src="../scripts/jquery.min.js"></script>
    <script src="../scripts/jquery.easyui.min.js"></script>
    <title></title>
    <script type="text/javascript">
        $(function () {
            $('#dg').datagrid({
                width: "550px",
                height: "350px",
                fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动
                toolbar: "#lxp",//通过选择器指定的工具栏
                pagination: true,//如果为true，则在DataGrid控件底部显示分页工具栏
                singleSelect: true,
                rownumbers: true,
                method: "get",
                url: '/Member/datagrid_data1.json',
                columns: [[
                   { field: 'productid', title: '商品ID', width: 100 },
                   { field: 'productname', title: '商品名称', width: 100 },
                   { field: 'unitcost', title: '商品价格', width: 100, align: 'right' }
                ]]
            });
        })
    </script>
	<meta charset="utf-8" />
</head>
<body>
    <fieldset style=" width:800px;">
        <legend>查找会员</legend>
        会员卡号/电话：<input id="TxtTel" type="text" /><input id="Button1" type="button" value="全部消费记录" style="background-color:lightblue;" />
    </fieldset>
    <fieldset>
        <legend>消费记录列表</legend>
        <table id="dg"></table>
    </fieldset>

</body>
</html>
